//入口函数
$(function () {
  //1.去  登录&注册点击
  $('#goResBox').on('click', function () {
    $('.loginBox').hide()
    $('.regBox').show()
  })
  $('#goLoginBox').on('click', function () {
    $('.regBox').hide()
    $('.loginBox').show()
  })

  //2.登录&注册校验
  const form = layui.form //变量接受layui中的form属性
  form.verify({
    //数组的两个值分别代表：[正则匹配,匹配不符时的提示文字]
    //用户名校验
    username: [/^[a-zA-Z0-9]{1,10}$/, '用户名长度必须到1到10位数字或字母'],

    //密码校验
    password: [/^[\S]{6,12}$/, '密码长度必须6到12位的非空字符'],

    //确认密码校验规则
    rePwd: function (value) {
      let pwd = $('#formReg [name="password"]').val()
      if (value !== pwd) return '密码与确认密码不一致'
    },
  })

  //3.注册功能
  $('#formReg').on('submit', function (e) {
    e.preventDefault()
    axios({
      method: 'post',
      url: '/api/reguser',
      data: $(this).serialize(),
    }).then(res => {
      if (res.data.status !== 0) return alert(res.data.message)
      //成功
      alert('恭喜注册成功')
      //清空form表单
      $('#formReg')[0].reset()
      //切换显示登录表单
      $('goLoginBox').click()
    })
  })

  //4.登录功能
  $('#formLogin').on('submit', function (e) {
    e.preventDefault()
    axios({
      method: 'post',
      url: '/api/login',
      data: $(this).serialize(),
    }).then(res => {
      // console.log(res)
      if (res.data.status != 0) {
        return layer.msg(res.data.message)
      }

      //成功提示
      layer.msg('恭喜您，登录成功！')

      //保存token
      localStorage.setItem('token', res.data.token)

      //页面跳转
      setTimeout(function () {
        location.href = '/index.html'
      }, 1000)
    })
  })
})
